<nav class="navbar-default navbar-static-side" role="navigation">
  <div class="nav-close">
    <i class="fa fa-times-circle"></i>
  </div>
  <div class="sidebar-collapse">
    <ul class="nav" id="side-menu">
      <li class="nav-header">
        <div class="dropdown profile-element">
          <!--<span><img class="img-circle" src="../assets/img/profile_small.jpg" alt=""></span>-->
          <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;">
                  <span class="clear">
                  <span class="block m-t-xs ml10">
                  <strong>{{userName}}<b class="caret"></b></strong>

                  </span>
                  <!--<span class="text-muted text-xs block">-->
                    <!--{{roleName}}-->

                  <!--</span>-->
                  </span>
          </a>
          <ul class="dropdown-menu animated fadeInRight m-t-xs">
            <!--<li>-->
              <!--<a href="#" class="J_menuItem" data-index="0">修改头像</a>-->
            <!--</li>-->
            <!--<li>-->
              <!--<a href="#" class="J_menuItem" data-index="1">个人资料</a>-->
            <!--</li>-->
            <!--<li class="divider"></li>-->
            <li>
              <a href="#" (click)="logout()" class="J_menuItem" data-index="2">安全退出</a>
            </li>
          </ul>
        </div>
        <div class="logo-element">跌倒报警2.0</div>
      </li>

      <!--<li class="item" routerLinkActive="active" (click)="searvh('monitor')">-->
        <!--<a routerLink="monitor">-->
          <!--<i class="fa fa-home"></i>-->
          <!--<span class="nav-label"  data-index="1">首页</span>-->
        <!--</a>-->
      <!--</li>-->

      <li class="item actives"   *ngFor="let menu of menus; let i = index;" [ngClass]="{'actives':!menu.selected}" [ngSwitch]="menu.permissionId" [routerLinkActive]="menu.permissionId!=4?'':'active'">
       <!--<a *ngIf="i>2">-->
          <template [ngSwitchCase]="4">
            <a [routerLink]="[menu.permissionUrl]" (click)="searvh('monitor')">
            <i class="fa fa-home"></i>
            <span class="nav-label"  data-index="1">{{menu.permissionName}}</span>
            </a>
          </template>
          <template ngSwitchDefault>
            <a >
              <i class="fa" [ngClass]="{'fa-gear':(i==0),'xitong_mag':(menu.permissionUrl=='无'),'person_mag':(menu.permissionUrl=='helpers'),
              'jiuyuan_mag':(menu.permissionUrl=='rescuecount'),'shebei_mag':(menu.permissionUrl=='device')}"></i>
              <!--<i class="fa" [ngClass]="{'fa-gear':(i==0),'fa-bars':i>0}"></i>-->
              <span class="nav-label">{{menu.permissionName}}</span>
              <span class="fa arrow" (click)="menu.selected=!menu.selected" ></span>
            </a>
            <!--<ul class="nav nav-second-level" *ngIf="i>2" [ngClass]="{'collapse in':menuactive}" >-->
            <ul class="nav nav-second-level"  [ngClass]="{'collapse in':menu.selected}" >
              <li routerLinkActive="active" *ngFor="let menu2 of menu.subAdminPermission " (click)="searvh(menu2.permissionUrl)">
                <a [routerLink]="[menu2.permissionUrl, menu2.permissionId]"  routerLinkActive="active"  class="J_menuItem"  data-index="3" >{{menu2.permissionName}}</a>
              </li>
            </ul>
          </template>
      </li>

      <!--<li class="item actives" [ngClass]="{'actives':!menuactive}" >-->
        <!--<a>-->
          <!--<i class="fa fa-envelope"></i>-->
          <!--<span class="nav-label">救援管理</span>-->
          <!--<span class="fa arrow" (click)="menuactive=!menuactive" ></span>-->
        <!--</a>-->
        <!--<ul class="nav nav-second-level" [ngClass]="{'collapse in':menuactive}">-->
          <!--<li routerLinkActive="active" *ngFor="let menu of (menus | parentmenu : 2)">-->
            <!--<a [routerLink]="menu.address"  class="J_menuItem"  data-index="3">{{menu.name}}</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
          <!--<a routerLink="warn"  class="J_menuItem"  data-index="3">报警管理</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
          <!--<a routerLink="track"  class="J_menuItem" data-index="4">轨迹管理</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
          <!--<a routerLink="electricity" class="J_menuItem" data-index="5">电量管理</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
          <!--<a  routerLink="status" class="J_menuItem" data-index="6">状态管理</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
          <!--<a routerLink="config"  class="J_menuItem" data-index="7">配置管理</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
            <!--<a routerLink="helpers"  class="J_menuItem" data-index="16">志愿者信息</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
            <!--<a routerLink="device"  class="J_menuItem" data-index="17">设备信息</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
            <!--<a routerLink="rescuecount"  class="J_menuItem" data-index="16">救援统计</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
            <!--<a routerLink="monitor"  class="J_menuItem" data-index="16">监控页面</a>-->
          <!--</li>-->
        <!--</ul>-->
      <!--</li>-->

      <!--<li class="item actives" [ngClass]="{'actives':!menuactive2}">-->
        <!--<a>-->
          <!--<i class="fa fa-columns"></i>-->
          <!--<span class="nav-label">系统管理</span>-->
          <!--<span class="fa arrow" (click)="menuactive2=!menuactive2"></span>-->
        <!--</a>-->
        <!--<ul class="nav nav-second-level" [ngClass]="{'collapse in':!menuactive2}">-->
          <!--&lt;!&ndash;<li routerLinkActive="active" *ngFor="let menu of (menus | parentmenu : 1)">&ndash;&gt;-->
            <!--&lt;!&ndash;<a [routerLink]="menu.address"  class="J_menuItem"  data-index="3">{{menu.name}}</a>&ndash;&gt;-->
          <!--&lt;!&ndash;</li>&ndash;&gt;-->
          <!--<li routerLinkActive="active">-->
          <!--<a routerLink="users" class="J_menuItem" data-index="8">用户管理</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
            <!--<a routerLink="permission" class="J_menuItem" data-index="9">权限管理</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
          <!--<a routerLink="/login" class="J_menuItem" data-index="10">登录功能</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
          <!--<a routerLink="role" class="J_menuItem" data-index="11">角色管理</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
          <!--<a routerLink="menu" class="J_menuItem" data-index="12">菜单管理</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
          <!--<a routerLink="data" class="J_menuItem" data-index="13">字典管理</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
          <!--<a routerLink="/log" class="J_menuItem" data-index="14">日志管理</a>-->
          <!--</li>-->
          <!--<li routerLinkActive="active">-->
          <!--<a routerLink="help" class="J_menuItem" data-index="15">帮助</a>-->
          <!--</li>-->
        <!--</ul>-->
      <!--</li>-->

    </ul>
  </div>
</nav>
